<template>
  <!--  组件的结构-->
  <div class="demo">
  <h2>学校名称: {{name}}</h2>
  <h2>学校地址: {{address}}</h2>
    <button @click="showName">点我提示学校名</button>
  </div>
</template>


<script>
 //组件交互相关的代码（数据，方法等）
 export 
 const school = Vue.extend({
   data(){
     return{
       name:'hfuu',
       address:'繁华大道'
     }
   },
   methods:{
     showName(){
       alert(this.name)
     }
   }
 })
</script>

<style>
 /*组件的样式*/
 .demo{
   background-color: orange;
 }
</style>


